<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>考勤记录</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" href="../../css/jqweui/lib/weui.min.css">
    <link rel="stylesheet" href="../../css/jqweui/css/jquery-weui.css">
    <link rel="stylesheet" href="../../css/jqweui/css/jqweui_extend.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_539359_q9xrtmlc8gp.css">
    <link rel="stylesheet" href="../../css/h-manage.css">
    <script src="../../script/plugins/jquery.min.js"></script>
    <script type="text/javascript" src="../../script/plugins/in/in-min.js"></script>
    <script type="text/javascript" src="../../css/jqweui/js/in-config.js"></script>
    <script src="../../css/jqweui/js/jquery-weui.js"></script>
    <script src="../../css/jqweui/js/util.js"></script>
</head>
<body class="wrap">
<section class="mc-view-box">
    <div class="mc-header bg-black">
        <a href="javascript:;" onclick="utils.back();" class="head-icon">
            <i class="iconfont icon-arrow-left"></i>
        </a>
        <div class="main-box head-title text-left">
            考勤记录
        </div>
        <a href="javascript:;" class="head-icon"></a>
    </div>
    <div class="mc-scrollview">
        <div class="mh-bd">
            <div class="mh-attendance-box">
                <a class="uh-link-nostyle" href="javascript:;">
                    <div class="mh-month-list">2018.07<i class="iconfont icon-arrow_down"></i></div>
                </a>
                <div class="mh-own-box">
                    <div class="mh-select-icon ">
                        <img src="../../image/sex-1.png" style="width: 100%">
                    </div>
                    <div class="mh-name-box">
                        <p class="mh-own-name sh-fc-black">李晓明</p>
                        <p class="mh-own-dept sh-fc-gray">销售部</p>
                    </div>
                </div>
            </div>
            <div class="weui-cells">
                <a class="weui-cell weui-cell_access" id="uh-attendance-day_title" href="javascript:;">
                    <div class="weui-cell__bd">
                        <p>出勤天数</p>
                    </div>
                    <div class="weui-cell__ft uh-none-arrow">10天<i class="iconfont icon-arrow_down"></i></div>
                </a>
                <div class="weui-cells uh-attendance-day_list uh-none-line uh-toggle_bg" hidden>
                    <div class="weui-cell">
                        <div class="weui-cell__bd">
                            <p>2018-07-02（星期一）</p>
                        </div>
                    </div>
                </div>
                <div class="weui-cells uh-attendance-day_list uh-none-line uh-toggle_bg" hidden>
                    <div class="weui-cell">
                        <div class="weui-cell__bd">
                            <p>2018-07-03（星期二）</p>
                        </div>
                    </div>
                </div>
                <div class="weui-cells uh-attendance-day_list uh-none-line uh-toggle_bg" hidden>
                    <div class="weui-cell">
                        <div class="weui-cell__bd">
                            <p>2018-07-04（星期三）</p>
                        </div>
                    </div>
                </div>
                <div class="weui-cells uh-attendance-day_list uh-none-line uh-toggle_bg" hidden>
                    <div class="weui-cell">
                        <div class="weui-cell__bd">
                            <p>2018-07-05（星期四）</p>
                        </div>
                    </div>
                </div>
                <div class="weui-cells uh-attendance-day_list uh-none-line uh-toggle_bg" hidden>
                    <div class="weui-cell">
                        <div class="weui-cell__bd">
                            <p>2018-07-06（星期五）</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mc-split-line bg-gray"></div>
            <div class="weui-cells__title">以下数据已根据打卡记录汇总</div>
            <div class="weui-cells">
                <a class="weui-cell weui-cell_access" id="uh-attendance-time_title" href="javascript:;">
                    <div class="weui-cell__bd">
                        <p>出勤班次</p>
                    </div>
                    <div class="weui-cell__ft uh-none-arrow">20次<i class="iconfont icon-arrow_down"></i></div>
                </a>
                <div class="weui-cells uh-attendance-time_list uh-none-line uh-toggle_bg" hidden>
                    <div class="weui-cell uh-cell-bj">
                        <div class="weui-cell__bd">
                            <p>班次：A</p>
                            <p class="sh-fs-gray">出勤：15次</p>
                        </div>
                    </div>
                    <div class="weui-cell uh-cell-bj">
                        <div class="weui-cell__bd">
                            <p>班次：B</p>
                            <p class="sh-fs-gray">出勤：5次</p>
                        </div>
                    </div>
                </div>
                <a class="weui-cell weui-cell_access" id="uh-rest_title" href="javascript:;">
                    <div class="weui-cell__bd">
                        <p>休息天数</p>
                    </div>
                    <div class="weui-cell__ft uh-none-arrow">2天<i class="iconfont icon-arrow_down"></i></div>
                </a>
                <div class="weui-cells uh-rest_list uh-none-line uh-toggle_bg" hidden>
                    <div class="weui-cell">
                        <div class="weui-cell__bd">
                            <p>2018-07-07（星期六）</p>
                        </div>
                    </div>
                </div>
                <div class="weui-cells uh-rest_list uh-none-line uh-toggle_bg" hidden>
                    <div class="weui-cell">
                        <div class="weui-cell__bd">
                            <p>2018-07-08（星期日）</p>
                        </div>
                    </div>
                </div>
                <a class="weui-cell weui-cell_access" id="uh-late-title" href="javascript:;">
                    <div class="weui-cell__bd">
                        <p>迟到</p>
                    </div>
                    <div class="weui-cell__ft uh-none-arrow"><span class="sh-fc-red">1次，共2分钟</span><i class="iconfont icon-arrow_down"></i></div>
                </a>
                <div class="weui-cells uh-late_list uh-none-line uh-toggle_bg" hidden>
                    <div class="weui-cell uh-cell-bj">
                        <div class="weui-cell__bd">
                            <p>2018-07-03（星期二）08:30</p>
                            <p class="sh-fs-gray">迟到2分钟</p>
                        </div>
                    </div>
                </div>
                <a class="weui-cell weui-cell_access" id="uh-early-title" href="javascript:;">
                    <div class="weui-cell__bd">
                        <p>早退</p>
                    </div>
                    <div class="weui-cell__ft uh-none-arrow">0次<i class="iconfont icon-arrow_down"></i></div>
                </a>
                <div class="weui-cells uh-early_list uh-none-line uh-toggle_bg" hidden>
                    <div class="weui-cell uh-cell-bj">
                        <div class="weui-cell__bd">
                            <p></p>
                            <p class="sh-fs-gray"></p>
                        </div>
                    </div>
                </div>
                <a class="weui-cell weui-cell_access" href="javascript:;">
                    <div class="weui-cell__bd">
                        <p>缺卡</p>
                    </div>
                    <div class="weui-cell__ft uh-none-arrow">0次<i class="iconfont icon-arrow_down"></i></div>
                </a>
                <a class="weui-cell weui-cell_access" href="javascript:;">
                    <div class="weui-cell__bd">
                        <p>旷工</p>
                    </div>
                    <div class="weui-cell__ft uh-none-arrow">0天<i class="iconfont icon-arrow_down"></i></div>
                </a>
                <a class="weui-cell weui-cell_access" href="javascript:;">
                    <div class="weui-cell__bd">
                        <p>外出</p>
                    </div>
                    <div class="weui-cell__ft uh-none-arrow">0次<i class="iconfont icon-arrow_down"></i></div>
                </a>
                <a class="weui-cell weui-cell_access" href="javascript:;">
                    <div class="weui-cell__bd">
                        <p>加班</p>
                    </div>
                    <div class="weui-cell__ft uh-none-arrow">0小时<i class="iconfont icon-arrow_down"></i></div>
                </a>
            </div>
        </div>
    </div>
    <div class="mc-footer-box">
        <div class="weui-tabbar">
            <a href="index.html" class="weui-tabbar__item">
                <div class="weui-tabbar__icon">
                    <i class="iconfont icon-yduipaibanleixingduicheng"></i>
                </div>
                <p class="weui-tabbar__label">工作台</p>
            </a>
            <a href="javascript:;" class="weui-tabbar__item">
                <div class="weui-tabbar__icon">
                    <i class="iconfont icon-xiaoxi"></i>
                </div>
                <p class="weui-tabbar__label">工作群</p>
            </a>
            <a href="javascript:;" class="weui-tabbar__item">
                <div class="weui-tabbar__icon">
                    <i class="iconfont icon-huiyuan1"></i>
                </div>
                <p class="weui-tabbar__label">我的</p>
            </a>
        </div>
    </div>
</section>
<script>
    $("#uh-attendance-day_title").click(function(){
        $(".uh-attendance-day_list").toggle();
    });
    $("#uh-rest_title").click(function(){
        $(".uh-rest_list").toggle();
    });
    $("#uh-attendance-time_title").click(function(){
        $(".uh-attendance-time_list").toggle();
    });
    $("#uh-late-title").click(function(){
        $(".uh-late_list").toggle();
    });
    $("#uh-early-title").click(function(){
        $(".uh-early_list").toggle();
    });
</script>
</body>
</html>
